<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css//shop.css">
</head>

<body>
    <div class="box">
        <div class="title">
            <div class="center">
                <ul class="fl">
                    <li>
                        <img class="img1" src="../img/fangzi.png" alt="">
                        <a class="a" href="javescript" target="_blank">京东官网</a>
                    </li>
                    <li>
                        <div>
                            <img class="img2" src="../img/dizhi.png" alt="">
                            <a class="a" href="javescript" target="_blank">河北</a>
                        </div>
                    </li>
                </ul>
                <ul class="fr">
                    <li>
                        <a href="">你好,请登录</a>
                        <a href="" style="color: red;">免费注册</a>
                    </li>
                    <li class="spacer" style="margin-top: 9px;"></li>
                    <li>
                        <a href="">我的订单</a>
                    </li>
                    <li class="spacer" style="margin-top: 9px;"></li>
                    <li class="dt">
                        <a href="">我的京东</a>
                        <span>▽</span>
                        <div class="er"></div>
                    </li>
                    <li class="spacer" style="margin-top: 9px;"></li>
                    <li>
                        <a href="">京东会员</a>
                    </li>
                    <li class="spacer" style="margin-top: 9px;"></li>
                    <li class="dt2">
                        <a href="">企业采购</a>
                        <span>▽</span>
                        <div class="er1"></div>
                    </li>
                    <li class="spacer" style="margin-top: 9px;"></li>
                    <li class="dt3">
                        <a href="">客户服务</a>
                        <span>▽</span>
                        <div class="er2"></div>
                    </li>
                    <li class="spacer" style="margin-top: 9px;"></li>
                    <li class="dt4">
                        <a href="">网站导航</a>
                        <span>▽</span>
                        <div class="er3"></div>
                    </li>
                    <li class="spacer" style="margin-top: 9px;"></li>
                    <li>
                        <a href="">手机京东</a>
                    </li>
                </ul>

            </div>
        </div>
        <div class="header center">
            <div class="logo-2020">
                <a href="">
                    <img src="../img/logo.png" alt="">
                </a>
                <a href="" class="link2">购物车</a>
            </div>
            <div class="cart-search">
                <div class="from">
                    <input type="text" class="itxt">
                    <input type="button" value="搜索" class="button">
                </div>
            </div>
        </div>
        <div class="cart">
            <div class="center w">
                <div class="nologin-tip">
                    <span class="wicon"></span>
                    <span style="font-size: 12px;">您还没有登录！登录后购物车的商品将保存到您账号中</span>
                    <a class="btn-1" href="">立即登录</a>
                </div>
                <div class="cart-filter-bar">
                    <ul class="switch-cart">
                        <li class="switch-cart-item curr">
                            <a href="">
                                <span>全部商品</span>
                            </a>
                        </li>
                    </ul>
                    <div class="cart-filter-top-popup">
                        <span class="ftx-01">免息</span>
                        <span class="icon-popup-cls">购物车中2件商品已享白条免息</span>
                        <a href="" class="icon-popup-cls">查看</a>
                        <span><img src="../img//xiazai.png" alt=""></span>
                    </div>
                    <div class="cart-store">
                        <span class="label">配送至:</span>
                        <div class="jdarea">
                            <div class="ui-area-text-wrap">
                                <input class="ui-area-text" placeholder="请输入您的详细地址" value="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cart-warp">
                <div class="center x">
                    <div class="jd-cart">
                        <div class="cart-main cart-main-new">
                            <div class="cart-thead">
                                <div class="column t-checkbox">
                                    <div class="cart-checkbox">
                                        <input type="checkbox" name="toggle-checkboxes" class="jdcheckbox">
                                    </div>
                                    <div class="font">全选</div>
                                </div>
                                <div class="column t-goods font">商品</div>
                                <div class="column t-props font"></div>
                                <div class="column t-price font">单价</div>
                                <div class="column t-quantity font">数量</div>
                                <div class="column t-sum font">小计</div>
                                <div class="column t-action font">操作</div>
                            </div>
                            <div class="cart-list">
                                <div class="cart-item-list">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cart-floatbar">
                        <div class="ui-ceilinglamp-1">
                            <div class="cart-toolbar">
                                <div class="toolbar-wrap">
                                    <div class="options-box">
                                        <div class="select-all">
                                            <div class="cart-checkbox">
                                                <input type="checkbox" name="toggle-checkboxes" class="jdcheckbox">
                                            </div>
                                            <span class="font">全选</span>
                                        </div>
                                        <div class="operation">
                                            <a class="remove-batch font">删除选中商品</a>
                                            <a class="cleaner-opt J_clr_all font">清理购物车</a>
                                        </div>
                                        <div class="toolbar-right toolbar-right-new">
                                            <div class="normal">
                                                <div class="comm-right">
                                                    <div class="btn-area">
                                                        <a class="submit-btn" style="cursor: pointer;">
                                                            去结算
                                                            <b></b>
                                                        </a>
                                                    </div>
                                                    <div class="price-sum">
                                                        <div>
                                                            <span class="txt txt-new">总价:</span>
                                                            <span class="price sumPrice">
                                                                <em>¥0.00</em>
                                                            </span>
                                                            <b class="ml5 price-tips"></b>
                                                            <div class="price-sum-extra">
                                                                <span class="font">促销:</span>
                                                                <span class="font">-¥0.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="service-2017">
            <div class="center w">
                <ol class="slogen">
                    <li class="item fore1">
                        <i>多</i>
                        品类齐全，轻松购物
                    </li>
                    <li class="item fore2">
                        <i>快</i>
                        多仓直发，极速配送
                    </li>
                    <li class="item fore3">
                        <i>好</i>
                        正品行货，精致服务
                    </li>
                    <li class="item fore4">
                        <i>省</i>
                        天天低价，畅选无忧
                    </li>
                </ol>
            </div>
            <div class="jd-help">
                <div class="center v">
                    <div class="wrap">
                        <dl class="fore1">
                            <dt>购物指南</dt>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">会员介绍</a>
                            </dd>
                            <dd>
                                <a href="">生活旅行/团购</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                        </dl>
                        <dl class="fore2">
                            <dt>配送方式</dt>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">会员介绍</a>
                            </dd>
                            <dd>
                                <a href="">生活旅行/团购</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                        </dl>
                        <dl class="fore2">
                            <dt>支付方式</dt>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">会员介绍</a>
                            </dd>
                            <dd>
                                <a href="">生活旅行/团购</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                        </dl>
                        <dl class="fore2">
                            <dt>售后服务</dt>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">会员介绍</a>
                            </dd>
                            <dd>
                                <a href="">生活旅行/团购</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                        </dl>
                        <dl class="fore2">
                            <dt>特色服务</dt>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">会员介绍</a>
                            </dd>
                            <dd>
                                <a href="">生活旅行/团购</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                            <dd>
                                <a href="">购物流程</a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-2017">
            <div class="center z">
                <div class="copyright_links">
                    <p>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                        <span class="copyright_split"></span>
                        <a href="">关于我们</a>
                    </p>
                </div>
                <div class="copyright_info">
                    <p>
                        <a href="">京公网安备 11000002000088号</a>
                        <span class="copyright_split"></span>
                        <span>京ICP证070359号</span>
                        <span class="copyright_split"></span>
                        <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
                        <span class="copyright_split"></span>
                        <span>新出发京零 字第大120007号</span>
                    </p>
                    <p>
                        <span>互联网出版许可证编号新出网证(京)字150号</span>
                        <span class="copyright_split"></span>
                        <a href="">出版物经营许可证</a>
                        <span class="copyright_split"></span>
                        <a href="">网络文化经营许可证京网文[2014]2148-348号</a>
                        <span class="copyright_split"></span>
                        <span>违法和不良信息举报电话：4006561155</span>
                    </p>
                    <p>
                        <span>Copyright © 2004 - 2020 京东JD.com 版权所有</span>
                        <span class="copyright_split"></span>
                        <span>消费者维权热线：4006067733</span>
                        <span class="copyright_split"></span>
                        <a href="">经营证照</a>
                        <span class="copyright_split"></span>
                        <span>(京)网械平台备字(2018)第00003号</span>
                        <span class="copyright_split"></span>
                        <a href="">营业执照</a>
                    </p>
                    <p class="mod_copyright_inter">
                        <a href="" class="mod_copyright_inter_lk">
                            <i class="mod_copyright_inter_ico mod_copyright_inter_ico_global"></i>
                            <span class="languagefont">GIobaI Site</span>
                        </a>
                        <span class="copyright_split"></span>
                        <a href="" class="mod_copyright_inter_lk">
                            <i class="mod_copyright_inter_ico mod_copyright_inter_ico_global"></i>
                            <span class="languagefont">GIobaI Site</span>
                        </a>
                        <span class="copyright_split"></span>
                        <a href="" class="mod_copyright_inter_lk">
                            <i class="mod_copyright_inter_ico mod_copyright_inter_ico_global"></i>
                            <span class="languagefont">GIobaI Site</span>
                        </a>
                        <span class="copyright_split"></span>
                        <a href="" class="mod_copyright_inter_lk">
                            <i class="mod_copyright_inter_ico mod_copyright_inter_ico_global"></i>
                            <span class="languagefont">GIobaI Site</span>
                        </a>
                        <span class="copyright_split"></span>
                        <a href="" class="mod_copyright_inter_lk">
                            <i class="mod_copyright_inter_ico mod_copyright_inter_ico_global"></i>
                            <span class="languagefont">GIobaI Site</span>
                        </a>
                        <span class="copyright_split"></span>
                    </p>
                    <p>
                        <span>京东旗下网站：</span>
                        <a href="">京东钱包</a>
                        <span class="copyright_split"></span>
                        <a href="">京东智联云</a>
                    </p>
                </div>
                <p class="copyright_auth">
                    <a href="" class="copyright_auth_ico copyright_auth_ico_2"></a>
                    <a href="" class="copyright_auth_ico copyright_auth_ico_3"></a>
                    <a href="" class="copyright_auth_ico copyright_auth_ico_4"></a>
                    <a href="" class="copyright_auth_ico copyright_auth_ico_5"></a>
                    <a href="" class="copyright_auth_ico copyright_auth_ico_6"></a>
                </p>
            </div>
        </div>
    </div>
    </div>
</body>
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../node_modules/jquery.cookie/jquery.cookie.js"></script>
<script src="../js/shop.js"></script>

</html>